<template>

    <div class="header">
        <div class="container">
            <div class="circle"></div>
        </div>
    </div>


</template>
<style>
body {
    margin: 0;
}

.header {
    /* position: fixed; */
    top: 0;
    width: 100%;
    height: 400px;
    background-image: radial-gradient(transparent 50px, #fff 50px);
    background-size: 74px 74px;
    /* background-color: yellow; */
    /* background-repeat: no-repeat; */
}

.container {
    padding-top: 400px;
    height: 200vh;
}

.circle {
    width: 100%;
    height: 200px;
    border-radius: 25px;
    background-color: red;
}
</style>